.yg-index {
  height: 100vh;

  /* 顶部搜索开始 */
  .yg-index-searchBox {
    height: 100rpx;
    background-color: #ff0000;
    display: flex;
    justify-content: center;
    align-items: center;

    .yg-index-search {
      width: 90%;
      height: 80rpx;
      background-color: #fff;
      border-radius: 5rpx;
      text-align: center;
      line-height: 80rpx;
      color: #767676;
      font-size: 28rpx;
    }
  }

  /* 顶部搜索结束 */
  /* 轮播图开始 */
  .yg-swiper {
    height: 300rpx;

    swiper-item {
      .swiper-image {
        width: 100%;
        height: 100%;
      }
    }
  }

  /* 轮播图结束 */
  /* 导航列表开始 */
  .yg-nav {
    display: flex;
    justify-content: space-around;
    align-content: center;
    height: 120rpx;
    margin-top: 20rpx;

    .nav-item {
      width: 120rpx;
      height: 120rpx;

      .img {
        width: 100%;
        height: 100%;
      }
    }
  }

  /* 导航列表结束 */
  /* 楼层开始 */
  .yg-floors {
    margin-top: 40rpx;

    .yg-floor-list {
      height: 390rpx;
      padding: 0 20rpx;
      margin-bottom: 20rpx;

      .floor-item-title {
        height: 60rpx;

        .img {
          height: 100%;
        }
      }

      .floor-item {

        .item-nav {
          float: left;

          .item-img {
            width: 100%;
            height: 100%;
          }
        }

        .item-nav:nth-of-type(1) {
          width: 232rpx;
          height: 328rpx;
          margin-right: 10rpx;
        }

        .item-nav:nth-of-type(n+2) {
          height: 160rpx;
        }

        .item-nav:nth-of-type(2),
        .item-nav:nth-of-type(4) {
          width: 233rpx;
          margin-right: 10rpx;
        }

        .item-nav:nth-of-type(3),
        .item-nav:nth-of-type(5) {
          width: 223rpx;
        }

        .item-nav:nth-of-type(2),
        .item-nav:nth-of-type(3) {
          margin-bottom: 10rpx;
        }


      }

    }
  }

  /* 楼层结束 */

}